.ellipsis{display:inline-block;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;}
.ff,.ss{}
.f-right{float:right;width:211px;margin-left:25px;}
.f-left{overflow:hidden;}
.ff{margin-bottom:25px;overflow:hidden;}
.friend-list li{float:left;display:inline;width:216px;padding:10px;}
.friend-list li:hover{}
.friend-list .avatar{height:80px;width:80px;float:left;}
.friend-list .avatar img{height:100%;width:100%;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.friend-list li:hover .avatar img{-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 2px 8px rgba(0,0,0,0.5);-ms-box-shadow:0 2px 8px rgba(0,0,0,0.5);box-shadow:0 2px 8px rgba(0, 0, 0, 0.5);}
.friend-list .info{position:relative;margin-left:90px;padding-right:10px;}
.friend-list .info h4 a{color:#555;font-weight:bold;}
.friend-list .info span{display:inline-block;font-size:12px;color:#999;vertical-align:middle;margin:6px 0;padding:1px 2px;line-height:1;white-space:nowrap;border:1px solid #ccc;}
.friend-list .actions a{display:inline-block;font-size:12px;color:#fff;background-color:#71B7E9;background-image:linear-gradient(to bottom,#71B7E9,#549FDA);vertical-align:middle;padding:3px 10px 3px 8px;line-height:1;border-width:1px;border-color:#69ADE5 #5AA0D8 #4F96CD #60A5DD;border-style:solid;border-radius:2px;} 